<template>
  <view>
	<TelegramLogin
	  :botName="botName"
	  :buttonSize="buttonSize"
	  @login-success="handleLoginSuccess"
	  @login-error="handleLoginError"
	/>
  </view>
</template>

<script>
	import { TelegramLogin } from 'vue-telegram-login';
	export default {
		name:"TelegramLoginButton",
		components: {
			TelegramLogin,
	    },
		data() {
			return {
				botName: 'JumpAndSay_bot', // 你的电报机器人的用户名
				buttonSize: 'large', // 按钮尺寸：small, medium, large
			};
		},
		methods:{
			handleLoginSuccess(response) {
			  console.log('Login successful:', response);
			  this.$emit('handleLoginSuccess',response)
			  // 在这里处理登录成功后的逻辑，比如向后端发送 token 或者其他用户信息
			},
			handleLoginError(error) {
			  console.error('Login error:', error);
			  // 处理登录失败的逻辑
			},
		}
	}
</script>

<style>

</style>